.mt40 { margin-top: 40px; }

/*----baner begin---*/

.banner {

  width: 100%;min-width:1180px;

  position: relative;

  height: 460px;

  margin: 0 auto;

  background: transparent;

 

}

.banner .hd{  width:1180px;  z-index: 1;font-size: 20px; color:#000; margin:0 auto;position: relative;

 }



 

.banner .bd {

  margin: 0 auto;

  height: 100%;

  position: relative;

  z-index: 0;

  overflow: hidden;

}



.banner .bd ul {

  height: 100%;

  width: 100%;

}

.banner .bd li {

  height: 100%;

  overflow: hidden;

  text-align: center;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

}





.banner .bd li a {

  display: block;

  height: 100%;

  width: 100%;

}



 

 

.banner .prev,

.banner .next {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  left: 15%;

  z-index: 1;

  width: 40px;

  height: 60px;

  background: url("../../images/img/slider-arrow.png") -126px -137px #000000 no-repeat;

  cursor: pointer;

  *filter: alpha(opacity=50);

  *opacity: .5;

  display: none;

}

.banner .next {

  left: auto;

  right: 15%;

  background-position: -6px -137px;

}







 





.pro_cnav{background: url("../../images/img/pro_cbg.jpg") no-repeat;width:639px;height: 171px;left:0px;top:0px;}





.pro{margin-top: 60px;height: 644px;}



 .pro_ct{width:180px;margin:20px 0 0  0px;}

.pro_ct p{font-size: 24px;color:#fff;}

 

.pro_ct  h3{font-size: 24px;font-weight: bold;color: #da251c;}

.pro_ct i{width: 2px;height: 20px;display: block;background: #fff;float: right;margin: 20px 8px 0 0;}













.pro_list {left:389px;top:120px;}

.pro_list li.tag_pro{background: #da251c;color:#fff;cursor: pointer;}

.pro_list li{width: 100px;height: 30px;line-height: 30px;background: #fff;color: #333333;float: left;margin-right: 20px;text-align: center;;}







h4, h3 { font-weight: normal; }

 

 



 



 

 



.pro_c li a{ font-size: 14px;color:#fff;}





.pro_c li{height: 40px;line-height: 40px;display: block;overflow: hidden; transition: all 0.6s ease-in-out;width:100px;text-align:left;float: left;margin:0px 15px;}





.pro_c ul{width:104%;}



.pro_c li:hover  {transform: translateX(-20px);}

 





.pro_c {width:400px;height:120px;position: relative;z-index: 3; overflow: hidden;margin:30px  20px 0 0; }

 





.pro_c li a{color:#FFF;}









 



 .pro_show_n li{position: absolute;}



 .pro_show_n li.p1, .pro_show_n li.p2{width: 519px;height: 313px;}

 

 .pro_show_n li.p1 .pic, .pro_show_n li.p2 .pic{width: 519px;height: 313px;}

  

 .pro_show_n li.p1 .pic img,.pro_show_n li.p2 .pic img{width: 519px;height: 313px;}



 .pro_show_n li.p1{left:660px;top:0px;}



 .pro_show_n li.p2{left:660px;top:330px;}

 .pro_show_n li.p3{left:0px;top:192px;}

 .pro_show_n li.p4{left:329px;top:192px;}

 .pro_show_n li.p5{left:329px;top:427px;}

 .pro_show_n li.p6{left:0px;top:427px;}

 

.pro_show_n { position: relative; margin-top: 28px; }







.pro_show_n li{

  

width:310px;

  

height: 216px;

  

display: block;

  

overflow:hidden;

  

text-align: center;

  

 

}



 



 .pro_show_n li .pic { width: 310px; height: 216px;  overflow: hidden; display: block;    }

.pro_show_n li .pic img { width: 310px; height: 216px;-webkit-transition:all .2s;

-moz-transition:all .2s;

-o-transition:all .2s;

-ms-transition:all .2s;

transition:all .2s;

overflow:hidden; }





.pro_show_n li:after{content: "";position: relative;}



.pro_show_n li:hover .pic img {

  transform: scale(1.1, 1.1);

 

}







 

 

 .pro_show_n li .info{height: 40px;line-height: 40px;display: block;overflow: hidden;background: #fff;position: absolute;left:0px;bottom:10px;width:170px;}



 .pro_show_n li .info a{ position: relative;display: block;margin:0px 30px;}









 .pro_show_n li .info a:after{



  width:6px;

  

  height: 11px;

  

  background:url("../../images/img/ico1.png") no-repeat 0 0;

  

  transition: all .8s ease;

  

  display: block;

  

  position: absolute;

  

  right: -10px;

  

  top:15px;

  

  content: "";

  }



  .pro_show_n li:hover .info a:after{right:120px; }



  





.gg1{background:url("../../images/img/gg1.jpg") no-repeat top center;height: 300px;margin-top: 60px;min-width:1180px;}





.gg1_tel p{font-size: 24px;color: #FFF;}





 

.gg1_tel a{width:100px;height: 28px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;text-align: center;line-height: 28px;display: block;color:#fff;margin-top:6px;}

 

.gg1_right{margin:80px 0 0 625px;}



.gg1_tel{margin-top:30px;}



.gg1_zi h4{font-size: 24px;font-weight:bold;color: #da251c;}

.gg1_zi p{font-size: 16px;margin: 8px 0 0 0px;color:#fff;}





/*gg2*/

 

i{font-style: normal;}

 

 







  





 .ys_dbg{background: url("../../images/img/ys_dbg.jpg") no-repeat top center;height: 1083px; }

 

 



  

 .ys_t{left: 0px;top: 40px;z-index: 3;}

 

.ys_t h4{font-size: 28px;font-weight: bold;color: #4c4c4c; }

 

 

 



.picFocus{ margin:0 auto;  width:1180px;   padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }

.picFocus .bd{ width:100%; margin-top: 40px;  overflow:hidden; }

.picFocus .bd ul{    overflow:hidden; zoom:1; }

.picFocus .bd ul li{  float:left; width:1180px;   }



.picFocus .bd img{ width:532px; height:604px; display:block; cursor:pointer;  }



.picFocus .bd .pic{float: right;width: 532px;}

.picFocus .bd  .info{width: 547px;margin: 160px 0 0 30px;float: left;}

.picFocus .bd  .info h4{font-size: 16px;font-weight: bold;color: #666666;}

.picFocus .bd  .info .con{line-height: 28px;color: #808080;margin-top: 30px;}

.picFocus .bd  .info  .zi{margin-top: 250px;font-size: 12px;color: #999999;}







.picFocus .hd ul li.on{font-weight: bold; 

  

 }

 .picFocus .hd ul{width:103%;}

.picFocus .hd li{font-size: 22px;color:#fff;display: inline-block;width:32%;text-align: center;line-height: 120px;position: relative; }

.picFocus .hd{background: #da251c;width: 750px;height: 120px;position: absolute;left:40px;top: 448px;z-index: 2;}



.picFocus .hd li:before{position: absolute;width: 2px;height: 20px;right:0px;top:50px;display: block;content: "";background: #fff;}

.picFocus .hd li:nth-child(3):before{display: none;}



.case_dbg{height: 430px;}

 .case_dbg .pro_cnav{margin-top: 18px;background: url("../../images/img/case_ct.jpg") no-repeat  center 45px;}

 



 

 

 .case_t{line-height: 30px;margin-top: 40px;}

 .case_t p{font-size: 24px;color: #e5e5e5;;}

 .case_t h3{font-size: 24px;font-weight: bold;color: #da251c;}



 .case_te {top:100px;left:0px;z-index: 2;width: 100%;}





 .case_te .pic{width: 460px;height: 310px;}



 .case_te .pic img{width: 460px;height: 310px;}



 .case_te .info{width: 477px;margin: 10px 0 0 0px;background: url("../../images/img/case_t.jpg") no-repeat right 30px;height: 100px;display: block;padding-right: 129px;}

 .case_te .info a{height: 30px;line-height: 30px;color: #333333;display: block;overflow: hidden;}

 .case_te .info p{line-height: 20px;height: 40px;display: block;overflow: hidden;color: #666666;margin-top: 14px;}

 

.case_n { top:235px;left:430px;z-index: 3;  }



.case_n .bd{height: 240px;overflow: hidden;;}





.case_n li{float: left; margin:0px 12px 0px 0;width:240px;height: 156px;display: block;overflow:hidden;  position: relative;text-align: center;

  



}



 

 .case_n li .pic { width: 240px; height: 156px;  overflow: hidden; display: block;   }

.case_n li .pic img { width: 240px; height: 156px;-webkit-transition:all .2s;

-moz-transition:all .2s;

-o-transition:all .2s;

-ms-transition:all .2s;

transition:all .2s;

overflow:hidden; }





 

 

 .case_n li .info{ height: 30px;line-height: 30px;display: block;overflow: hidden; background: rgba(255, 255, 255, 0.8);position: absolute;left:0px;bottom:0px;width:100%; }

 



 



 .case_n li:hover .pic img {

  transform: scale(1.2, 1.2);

  -ms-transform: scale(1.2, 1.2);

  /* IE 9 */

  -moz-transform: scale(1.2, 1.2);

  /* Firefox */

  -webkit-transform: scale(1.2, 1.2);

  -o-transform: scale(1.2, 1.2);

}







.about_dbg{background: url("../../images/img/about_dbg.jpg") no-repeat top center;height: 400px;margin-top: 50px;}



.about_nbg{background: #333333;height: 400px;;}





.about_pic{width: 530px;height: 333px;display: block;margin: 30px 60px 0 0;overflow: hidden;}

.about_pic img{width: 530px;height: 333px;display: block;transition:all .2s;overflow: hidden;}



.about_pic:hover img {

  transform: scale(1.2, 1.2);

 

}

.about span{display: block;margin-top: 40px;}

.about span a{font-weight: bold;color:#fff;position: relative;padding-left: 70px;}

.about span a::before{width:60px;height: 2px;background: #fff;content: "";position: absolute;left:0px;top:10px;}





.about{width: 495px;margin: 75px 0 0 50px;color:#fff;}



.about h3{font-size: 24px;transition:all .2s;font-weight: bold;color: #da251c;}

 

 



.about .con{line-height: 28px;color: #fff;height: 140px;display: block;overflow: hidden;margin-top: 25px;}



 

 



.fc_n .bd{height: 210px;overflow: hidden;}





.fc_n li{float: left; margin:0px 33px 0px 0;width:270px;height: 210px;display: block;overflow:hidden;  position: relative;text-align: center;

  



}



 

 .fc_n li .pic { width: 270px; height: 170px;  overflow: hidden; display: block;   }

.fc_n li .pic img { width: 270px; height: 170px;-webkit-transition:all .2s;

-moz-transition:all .2s;

-o-transition:all .2s;

-ms-transition:all .2s;

transition:all .2s;

overflow:hidden; }





 

 

 .fc_n li .info{ height: 30px;line-height: 30px;display: block;overflow: hidden;  }

 

 



 



 .fc_n li:hover .pic img {

  transform: scale(1.2, 1.2);

  -ms-transform: scale(1.2, 1.2);

  /* IE 9 */

  -moz-transform: scale(1.2, 1.2);

  /* Firefox */

  -webkit-transform: scale(1.2, 1.2);

  -o-transform: scale(1.2, 1.2);

}





.news_t h3{font-size: 36px;color: #383838;font-weight: bold;}



.news_t span{padding:0px 30px;}

.news_t p{font-size: 18px;color: #646464;margin-top: 10px;}



.news_t{background: url("../../images/img/news_t.jpg") no-repeat center 12px;}





.news_nav {margin-top: 30px;}

.news_nav li{display: inline-block;width: 98px;height: 28px;border: 1px solid #cccccc;margin:0px 10px;line-height: 28px;text-align: center;}

.news_nav li a{color: #666666;}

.news_nav li.tag_news a{color: #da251c;}

.news_nav li.tag_news{border: 1px solid #da251c;}

 



 

 .news_show{height: 400px;margin-top: 40px;display: block;overflow: hidden;;}

 

 .news_te li .pic{width: 141px;height: 100px;float: left;}

 .news_te li .pic img{width: 141px;height: 100px;}

 .news_te li .info{width:405px;float: right;}

 .news_te li{width:565px;margin-right: 30px;float: left;}



 .news_te ul{width:103%;}





 .news_te li .info h4{height: 30px;line-height: 30px;display: block;overflow: hidden;}



 .news_te li .info h4 a{color: #4c4c4c;float: left;width: 322px;}

 .news_te li .info h4 span{float: right;color: #cccccc;}



 .news_te li .info .con{line-height: 20px;height: 40px;display: block;overflow: hidden;color: #999999;margin-top: 10px;}

 .news_list{margin-top: 30px;}



 .news_list ul{width:106%;}



 .news_list li{width: 351px;height: 60px;background: #fafafa;float: left;margin:0 19px 19px 0; padding:10px 15px;

}



.news_list li h4 a{font-size: 14px;color: #4c4c4c;width: 280px;overflow: hidden;display: block;float: left;}

.news_list li h4{height: 30px;line-height: 30px;display: block;overflow: hidden;transition:all .2s;}



.news_list li h4  span{float: right;color: #999999;font-size: 12px;}



.news_list li  .con{line-height: 20px;height: 20px;display: block;overflow: hidden;color: #999999;margin-top: 3px;transition:all .2s; }

.news_list li:hover{cursor: pointer;}

.news_list li:hover h4{padding-left:10px;}

.news_list li:hover h4 a{color:#da251c;}

.news_list li:hover .con{padding-left:12px;transition-delay: 0.1s;}

 

 

.none { display: none; }

.block { display: block; }

 









 